/* You can add global styles to this file, and also import other style files */
@import '~bootstrap/dist/css/bootstrap.min.css';

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background-color: #f8f9fa;
}

.card {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.workflow-iframe {
  width: 100%;
  height: 80vh;
  border: none;
  border-radius: 0.375rem;
}

.status-badge {
  &.pending { background-color: #ffc107; }
  &.approved { background-color: #198754; }
  &.in-progress { background-color: #0d6efd; }
  &.completed { background-color: #6f42c1; }
  &.rejected { background-color: #dc3545; }
}

.priority-badge {
  &.low { background-color: #6c757d; }
  &.medium { background-color: #0d6efd; }
  &.high { background-color: #fd7e14; }
  &.critical { background-color: #dc3545; }
} 